<template>
	<van-tabbar v-model="active" active-color="#ee0a24" inactive-color="#000" >
	  <van-tabbar-item name="home" icon="home-o" replace to="/home">首页</van-tabbar-item>
	  <van-tabbar-item name="list" icon="apps-o" replace to="/list">分类</van-tabbar-item>
	  <van-tabbar-item name="cart" icon="cart-o" replace to="/cart">购物车</van-tabbar-item>
	  <van-tabbar-item name="my" icon="contact" replace to="/my">我的</van-tabbar-item>
	</van-tabbar>
</template>

<script>
	export default {
		name:'Tabbar',
	  data() {
	    return {
	      active: 'home',
	    };
	  },
	  mounted() {
		  this.active =this.$route.name
	  }
	};
</script>

<style>
</style>
